Intro
Show dynamic markdown content in toddle
This package lets you render dynamic markdown content from headless CMSs like Storyblock, Contentful, and other in toddle.
Demo
Components
markdown-block
This is the only component in this package. Use the markdown attribute to show your markdown content.
Attributes
markdown The markdown content to show
Style variables
The following style variables can be used to customize the styling of the editor content. Add these to your project theme or as component style variables to override the default values.
| markdown-block-font-color | The default font color |
| markdown-block-bg-color | The default background color |
| markdown-block-font-size | The default font size |
| markdown-block-h1-size | Heading 1 font size |
| markdown-block-h1-color | Heading 1 font color |
| markdown-block-h2-size | Heading 2 font size |
| markdown-block-h2-color | Heading 2 font color |
| markdown-block-link-color | Hyperlink color |
| markdown-block-strong-color | <strong> font color |
| markdown-block-quote-color | Blockquote font color |
| markdown-block-quote-border-color | Blockquote border color |
Disclaimer
markdown-block uses the "on Load" event and as a result will not be rendered on the server initally. This means that the markdown-block element will be empty on the initial server render, and then filled out as soon as the page is loaded in the browser.